<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-05-05 22:02:56
 * @LastEditors: wangjx
 * @LastEditTime: 2022-01-10 19:06:34
-->
<template>
  <div ref="bottom4_container" style="height:90%"></div>
</template>
<script>
import { Liquid } from '@antv/g2plot';

export default {
  data(){
    return {

    }
  },
  mounted() {
    this.initChart();
  },
  methods:{
    // 渲染图表
    initChart(){
      
     const liquidPlot = new Liquid(this.$refs.bottom4_container, {
  percent: 0.3,
  outline: {
    border: 4,
    distance: 4,
  },
  wave: {
    length: 128,
  },
});
liquidPlot.render();

    }
  }
}
</script>